<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="AngularJS学习汇总">
    <meta name="keywords"
          content="HTML, CSS, JS, JavaScript, framework, AngularJS, front-end, frontend, web development">
    <meta name="author" content="tangzhiqiang">
    <meta name="author" content="tangzhiqiang<544301172@qq.com>">

    <title>
        AngularJS &middot; 学习笔记
    </title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.2/css/bootstrap.css">
    <style>
        .list-group-item{
          display: block;
          padding:10px;
          border:1px solid #1b926c;
          background-color: #1fa67a;
          margin-bottom:6px;
        }
        .list-group-item a{
            color:#ffffff;
        }
    </style>
</head>
<body>
 <div class="container">
     <h1>AngularJS学习笔记</h1>
     <ul class="list-group">
         <li class="list-group-item"><a class="link" href="hello_angularjs/hello_angularjs.html">Hello AngularJS</a></li>
         <li class="list-group-item"><a href="angularjs_manipulate_element/angularjs_manipulate_element.html">AngularJS 使用jQuery操作元素</a></li>
         <li class="list-group-item"><a href="angularjs_controller/angularjs_controller.html">AngularJS "Controller" Demo</a></li>
         <li class="list-group-item"><a href="angularjs_controller/angularjs_controller2.html">AngularJS "Controller" Demo2</a></li>
         <li class="list-group-item"><a href="angularjs_controller/angularjs_controller_multiple.html">AngularJS Multiple Controller Demo</a></li>
         <li class="list-group-item"><a href="angularjs_controller/angularjs_controller_timer.html">AngularJS "Controller" Timer Demo</a></li>
         <li class="list-group-item"><a href="angularjs_controller/angularjs_controllerAs.html">AngularJS "Controller" ControllerAs取别名 Demo</a></li>
         <li class="list-group-item"><a href="angularjs_module/angularjs_module.html">AngularJS "Module" Demo</a></li>
         <li class="list-group-item"><a href="angularjs_event/angularjs_click.html">AngularJS "Event"-Click Demo</a></li>
         <li class="list-group-item"><a href="angularjs_extention/angularjs_extention.html">AngularJS 继承关系示例</a></li>
         <li class="list-group-item"><a href="angularjs_form_validation/angularjs_form_validation.html">AngularJS 表单验证</a></li>
         <li class="list-group-item"><a href="angularjs_form_validation/angularjs_form_validation2.html">AngularJS 表单验证2</a></li>
         <li class="list-group-item"><a href="angularjs_form_validation/angularjs_form_validation3.html">AngularJS 表单验证3</a></li>
         <li class="list-group-item"><a href="angularjs_http_get_json_data/angularjs_http_get_json_data.html">AngularJS ajax get json 请求</a></li>
         <li class="list-group-item"><a href="angularjs_http_get_json_data/angularjs_http_get_json_data2.html">AngularJS ajax get json 显示工具列表示例</a></li>
         <li class="list-group-item"><a href="angularjs_route/angularjs_route.html">AngularJS 路由(route)示例</a></li>
         <li class="list-group-item"><a href="angularjs_route2/angularjs_route.html">AngularJS 路由(route)综合示例</a></li>
         <li class="list-group-item"><a href="angularjs_sanitize/angularjs_sanitize.html">使用AngularJS的ngSanitize转义显示html</a></li>
         <li class="list-group-item"><a href="angularjs_growl/angularjs_growl.html">Angularjs消息提示示例</a></li>
         <li class="list-group-item"><a href="angularjs_cookie/angularjs_cookie.html">angularjs操作cookie示例</a></li>
         <li class="list-group-item"><a href="angularjs_uirouter/angularjs_uirouter.html">angularjs操作uirouter示例</a></li>
         <li class="list-group-item"><a href="angularjs_uirouter_steps_demo/index.html">angularjs uirouter步骤示例</a></li>
         <li class="list-group-item"><a href="angularjs_ngRepeat/angularjs_ngRepeat.html">angularjs ngrepeat迭代数组示例</a></li>
         <li class="list-group-item"><a href="angularjs_ngRepeat/angularjs_ngRepeat_ngif.html">angularjs ngrepeat ngif示例</a></li>
         <li class="list-group-item"><a href="angularjs_ngRepeat/angularjs_ngRepeat_filter.html">angularjs ngrepeat filter示例</a></li>
         <li class="list-group-item"><a href="angularjs_directive/hello_angularjs.html">angularjs指令示例</a></li>
         <li class="list-group-item"><a href="angularjs_directive/angularjs_link.html">angularjs link属性示例</a></li>
         <li class="list-group-item"><a href="angularjs_directive/angularjs_require2.html">自定义指令中的属性require,实现指令间互相通信示例</a></li>
         <li class="list-group-item"><a href="angularjs_directive/angularjs_directive_scope.html">自定义指令中的属性scope的@，=，&用法示例</a></li>
         <li class="list-group-item"><a href="angularjs_directive/angularjs_directive_transclude.html">自定义指令中的属性transclude用法示例</a></li>
         <li class="list-group-item"><a href="angularjs_directive/angularjs_directive_transclude2.html">自定义指令中的属性transclude用法示例-tab</a></li>
         <li class="list-group-item"><a href="angularjs_directive/angularjs_directive_transclude_menu.html">自定义指令中的属性transclude用法示例-菜单</a></li>
         <li class="list-group-item"><a href="angularjs_directive/angularjs_plink_pcontroller_pcompile_.html">angularjs controller,link,compile属性示例</a></li>
         <li class="list-group-item"><a href="angularjs_directive_controller/angularjs_directive_contoller.html">angularjs指令调用控制器方法示例</a></li>
         <li class="list-group-item"><a href="angularjs_directive_controller/angularjs_directive_contoller3.html">angularjs指令中修改控制器属性值</a></li>
         <li class="list-group-item"><a href="angularjs_nginclude/angularjs_nginclude.html">angularjs ng-include加载模版示例</a></li>
         <li class="list-group-item"><a href="angularjs-tutorial/index.html">angularjs ngrepeat filter form示例</a></li>
         <li class="list-group-item"><a href="angularjs_factory/angularjs_factory.html">angularjs使用factory示例</a></li>
         <li class="list-group-item"><a href="angularjs_service/angularjs_service.html">angularjs使用service实现数共享示例</a></li>
         <li class="list-group-item"><a href="angularjs_factory_service/angularjs_factory_service.html">angularjs使用factory与service示例</a></li>
         <li class="list-group-item"><a href="angularjs_route_http/angularjs_route_http.html">angularjs路由、模版以及http请求电影示例</a></li>
         <li class="list-group-item"><a href="angularjs-douban-movie/index.html">angularjs豆瓣电影示例</a></li>
         <li class="list-group-item"><a href="angular_play_audiojs/angularjs_play_audio.html">angularjs播放音乐示例</a></li>
         <li class="list-group-item"><a href="angular_audio_demo/angularjs_audio_demo.html">angularjs播放音乐完整示例</a></li>
         <li class="list-group-item"><a href="angular_audio_demo/angularjs_audio_demo2.html">angularjs播放音乐完整示例改进版</a></li>
         <li class="list-group-item"><a href="angularjs_ioc/angularjs_ioc.html">angularjs IOC(控制反转)示例</a></li>
         <li class="list-group-item"><a href="angularjs_liandong/angularjs_liandong.html">angularjs下拉框联动示例</a></li>
         <li class="list-group-item"><a href="angularjs_directive_listview/angularjs_directive_listview.html">angularjs指令示例：模仿ListView</a></li>
         <li class="list-group-item"><a href="angularjs_interpolate/angularjs_interpolate.html">angularjs指令$interpolate示例</a></li>
         <li class="list-group-item"><a href="angularjs_app_site/app/index.html">angularjs 站点登录注册Demo</a></li>
         <li class="list-group-item"><a href="angular_audio_player/index.html">angularjs 音乐播放器示例</a></li>
         <li class="list-group-item"><a href="angularjs_ngtemplate/angularjs_ngtemplate.html">angularjs 多种引用模版方式</a></li>
         <li class="list-group-item"><a href="angularjs_autocomplete/angularjs_ngtemplate_autocomplete.html">angularjs自动补全示例</a></li>
         <li class="list-group-item"><a href="angularjs_timepicker/angularjs_timepicker.html">angularjs timepicker示例</a></li>
         <li class="list-group-item"><a href="angularjs_timepicker/angularjs_datepicker.html">angularjs dateepicker示例</a></li>
         <li class="list-group-item"><a href="angularjs_maillist/angularjs_emailapp.html">angularjs 邮件列表示例</a></li>
         <li class="list-group-item"><a href="angularjs_videoplayer/index.html">angularjs 音频播放器示例</a></li>
         <li class="list-group-item"><a href="angularjs_videoplayer/index_video.html">angularjs 视频播放器示例</a></li>
         <li class="list-group-item"><a href="angularjs_ngSanitize/index.html">angularjs 通过ngSanitize模块的$sanitize服务解析html</a></li>
         <li class="list-group-item"><a href="angularjs_ngModelController/index.html">angularjs 通过ngSanitize模块的$sanitize服务解析html</a></li>
         <li class="list-group-item"><a href="angularjs_ngModelController/index.html">angularjs 创建一个实现了双向数据绑定的可编辑文本区域</a></li>
         <li class="list-group-item"><a href="angularjs_ngModelController/asyncValidators/index.html">angularjs asyncValidators实现异步验证表单</a></li>
         <li class="list-group-item"><a href="angularjs-ng-select/index.html">angularjs ng-options示例</a></li>
         <li class="list-group-item"><a href="angularjs-ng-select/ng-options.html">angularjs ng-options示例2</a></li>
         <li class="list-group-item"><a href="angularjs_draggable/index.html">angularjs 拖拽示例</a></li>
         <li class="list-group-item"><a href="angularjs_timeout/index.html">angularjs $timeout服务示例</a></li>
         <li class="list-group-item"><a href="angularjs_location/index.html">angularjs $location示例</a></li>
         <li class="list-group-item"><a href="angularjs_taxer/index.html">angularjs 税收计算器示例<b style="color:red;">*</b></a></li>
         <li class="list-group-item"><a href="angularjs_ngclass/angularjs_ngclass.html">angularjs ng-class示例</a></li>
         <li class="list-group-item"><a href="angularjs_ngsubmit/angularjs_ngsubmit.html">angularjs ng-submit示例</a></li>


     </ul>
 </div>
 <div class="container">
     <h1 class="page-header">AngularJS实战</h1>
     <ul>
         <li>
             <a href="https://github.com/vczero/search" target="_blank">基于豆瓣API的Angular项目</a>
         </li>
     </ul>
 </div>
</body>
</html>